<!DOCTYPE html>
<html class="ui-mobile-rendering">
    <head>
        <meta charset="UTF-8" />
        <title></title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/jquery.mobile-1.0.1.min.css"/>
        <link rel="stylesheet" href="css/mobiscroll.custom-2.6.2.min.css"/>
      <link rel="stylesheet" href="css/koyomi.css"/>
        <script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
        <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
        <script src="js/jqm-config.js"></script>
        <script src="js/koyomi.js"></script>
        <script src="js/zepto.min.js"></script>
        <script type="text/javascript">
$(document).ready(function(){
  $("table").each(function(){
    jQuery(this).find("li:even").addClass("even");
  });
});
</script>
        
    <body>
        <div data-role="header">
            <h1>西暦、和暦、年齢、卒業年度の一覧表</h1>
        </div>

        <div data-role="content">
            <h3>西暦、和暦、年齢、卒業年度の一覧表</h3>
            <script>
           var myD = new Date();
           var currentYear = myD.getFullYear(); 
           var start_year=1900;
           var delimiter= " </td><td nowrap> ";
            document.write("<table data-role='listview' border='1'>");
              document.write("<tr>");
              document.write("<th>年（西暦）</th><th>年（和暦）</th><th>年齢</th><th>小</th><th>中</th><th>高校</th><th>大（２年制）</th><th>大（4年制）</th><th>大（4年制）</th>");
              document.write("</tr>");

    for (i=currentYear; i>=start_year; i--){
             
             document.write("<tr><td>"+i+"年" + delimiter 
                     + koyomi.seireki_to_wareki_string(i)+"" + delimiter + koyomi.year_to_age(i)+""
                     + delimiter+ 
                     + ""+ koyomi.year_to_primary_school(i)
                     +  ""+ "("+ koyomi.seireki_to_wareki_string(koyomi.year_to_primary_school(i)) +")" 
                     + delimiter+ ""+ koyomi.year_to_junior_high_school(i)
                     + ""+ "("+ koyomi.seireki_to_wareki_string(koyomi.year_to_junior_high_school(i)) +")" 
                     + delimiter+ ""+ koyomi.year_to_high_school(i)
                     + ""+ "("+ koyomi.seireki_to_wareki_string(koyomi.year_to_high_school(i)) +")" 
                     + delimiter+ ""+ koyomi.year_to_university2(i)
                     + ""+ "("+ koyomi.seireki_to_wareki_string(koyomi.year_to_university2(i)) +")" 
                     + delimiter+ ""+ koyomi.year_to_university3(i)
                     + ""+ "("+ koyomi.seireki_to_wareki_string(koyomi.year_to_university3(i)) +")" 
                     +delimiter+ ""+ koyomi.year_to_university4(i)
                     +""+ "("+ koyomi.seireki_to_wareki_string(koyomi.year_to_university4(i)) +")" 
                　　　+ "</tr>");

    }
            document.write("<talbe>");
           
            
            </script>
                

        </div>
    </body>
</html>